.html{
  display: flex;
  background: #ff0;
  font-size: 74px;
}


@import "flex.less";
@import "grid.less";
@import "navbar.less";
@import "setDefault.less";
@import "variable.less";
@import "animate.less";
@import "hover.less";
@import "ellipsis.less";


//设置首页引导页面变量
//@guideColor:#cf000d;
//.guide-index{
//  background-image: url("../images/guideBg.jpg");
//  background-position: center;
//  background-size: cover;
//  background-repeat: no-repeat;
//  position: fixed;
//  right:0;
//  left:0;
//  top:0;
//  bottom:0;
//  .guide-section{
//    height:520px;
//  }
//  .guide-navbar{
//    overflow: hidden;
//    margin-top: -36px;
//    .flex_column{
//      transform: translateY(100%);
//      cursor: pointer;
//      margin:0 25px;
//      padding-bottom: 4px;
//     img{
//       width:118px;
//       height:117px;
//     }
//      div{
//        text-align: center;
//      }
//      a{
//        text-align: center;
//        color:#141414;
//        padding-bottom: 3px;
//        border-bottom: 1px solid transparent;
//      }
//      &:hover a{
//        color:@guideColor;
//        border-bottom: 1px solid @guideColor;
//      }
//      &:hover img{
//        backface-visibility: visible !important;
//        animation-name: flipInY;
//      }
//    }
//  }
//  .guide-footer{
//    p{
//      color:#87888a;
//    }
//  }
//}


.insetSection{
  background: #f8f8f8;
  min-height: 500px;
  .insetBanner{
    img{
      width:100%;
      display: block;
    }
  }
  .insetSection-content{
    padding:20px 20px 140px 20px;
    background: #ffffff;
    min-height: 200px;
    .insetSection-content-detail{
      min-height:218px;
      .insetSection-content-title{
        min-height:200px;
        .insetSection-content-back{
          a{
            padding:3px 25px;
            border:1px solid #999999 ;
            color: #bdbdbd;
            background:#fff;
            position: relative;
            display: inline-block;
            transition: all .3s linear;
            &:hover{
              background: #999999;
              color: #ffffff;
            }
          }
        }
      }
    }
    .insetSection-content-img{
      .insetSection-content-img-slide{
        img{
          width:100%;
          height:520px;
        }
      }
      margin-top:80px;
      .insetSection-content-img-detail{
        .col-6{
          overflow: hidden;
          img{
            height:320px;
            width:100%;
          }
        }
      }
    }
    .indexSection-lists{
      margin-top:80px;
    }
  }
  .insetSection-Upto{
    position: relative;
    margin-top:-30px;
  }
}


.insetSection-h4{
  color:#929292;
  background: #fff;
}
.caseLists-Lists{
  margin-top:80px;
}
.insetSection{
  background: #f8f8f8;
  .insetSection-unique{
    padding:0 0 140px 0 ;
    background: #f8f8f8;
    .insetSection-h4{
      background: #ffffff;
      padding:20px 30px;
    }
  }

}

.concatUs{
  >div{
    padding-top:30px;
  }
  .concatUs-form{
    background: #ffffff;
    width:50%;
    padding:20px;
    >form{
      height:100%;
    }
    .form-group{
      position: relative;
      margin:10px 0;
      width:100%;

      label{
        color:#989A99;
        width:15%;
        font-size: 16px;
      }
      input{
        outline: none;
        background:#EBEBEB ;
        border: none;
        padding:6px 13px;
        width:85%;
      }
      textarea{
        outline: none;
        background:#EBEBEB ;
        border: none;
        padding:6px 13px;
        width:85%;
        vertical-align: top;
      }
      button{
        outline: none;
        border: none;
        padding:5px 50px;
        color:#fff;
        background: #DB2033;
      }
      span{
        font-size: 11px;
        color:#989A99;
      }
      b{
        position: absolute;
        left:0;
        bottom:-16px;
        font-size: 11px;
        color:#DB2033;
        display: none;
      }
    }
  }
  .concatUs-detailList{
    width:47%;
    padding:20px;
    background: #ffffff;
    li{
      font-size: 16px;
      padding:5px 0;
    }
  }
  .concatUs-detailList-img{
    img{
      width:420px;
      height:220px;
    }
  }
}

.insetSectionTap{
  background: #ffffff;
  border-bottom: 2px solid #EAEBED;
  .insetSectionTap-nav{
    padding:15px 0;
    li{
      margin-right:20px;
      a{
        display: inline-block;
        width:100%;
        border-radius: 20px;
        padding:10px 20px;
        font-size: 10px;
        text-align: center;
        color:#989A99;
        &:hover{
          background: #DB2033;
          color:#fff;
        }
      }
      .active0{
        background: #DB2033;
        color:#fff;
      }
    }
  }
}
.companyDetail{
  background: #ffffff;
}
.companyDetail-detail,.teamAdvantage-detail{
  padding-top:30px;
  padding-bottom: 30px;
}

.companyDetail-detail-img1,.companyDetail-detail-img2{
  height:770px;

}
.companyDetail-detail-img,.teamAdvantage-detail-img{
  margin-top:30px;
}
.companyDetail-detail-img1{
  img{
    width:100%;
    height:50%;
    display: block;
  }
}
.companyDetail-detail-img2{
  img{
    width:100%;
    height:100%;
  }
}
.teamAdvantage{
  background: #fff;
  .teamAdvantage-detail-img1,.teamAdvantage-detail-img3{
    img{
      width:33.333%;
      padding:10px;
      height:250px;
      display: block;
    }
  }
  .teamAdvantage-detail-img2{
    .col-3{
      img{
        padding:10px;
        width:100%;
        height:250px;
        display: block;
      }
    }
    .col-9{
      img{
        padding:10px;
        width:100%;
        height:500px;
      }
    }
  }
}


.newsLists-detail,.industryLists-detail{
  >li{
    height:265px;
    padding:10px 0 10px 25px;
    a{
      color:#171717;
      height:100%;
      display: block;
      >div{
        height:100%;
      }
      .col-8,.col-4{
        height:100%;
      }
      img{
        height:100%;
        width:100%;
      }
    }
    span{
      border:1px solid #CCCCCC;
      display: inline-block;
      padding:3px 8px;
      border-radius: 5px;
    }
    .newsLists-detail-text{
      padding:15px;
      h3{
        margin:0;
      }
      div{
        color:#999;
      }
    }
  }
}
.newsLists{
  padding-bottom: 30px;
  background:#fff;
}
.buttonDynamic{
  li{
    padding:0 8px;
  }
  a{
    padding:3px 25px;
    border:1px solid #999999 ;
    color: #bdbdbd;
    background:#fff;
    position: relative;
    display: inline-block;
    transition: all .3s linear;
    &:hover{
      background: #999999;
      color: #ffffff;
    }
  }
}



.caseDetail{
  background: #ffffff;
  .insetSection-content{
    box-shadow: none;
  }
}



.jobs{
  padding-top:30px;
  padding-bottom: 30px;
}


.serviceItems-service,.serviceImg-meeting{
  .hvr-float-shadow{
    margin-bottom:35px;
    border:1px solid #C4C4C4;
    &:hover .serviceImg{
      filter:grayscale(0);
    }
    &:hover .detail span{
      background:#DC1F33 ;
    }
  }
  .col-3{
    height:290px;
    img{
      width:125px;
      height:125px;
      filter: grayscale(100%);
    }
  }
  .col-9{
    padding:20px 10px;
    color:#000;
    h3{
      font-size: 24px;
    }
    ul{
      height:100%;
      padding-left:30px;
      border-left:1px dashed #C4C4C4;
      h2{
        padding-right:10px;
        text-align: right;
        span{
          font-size: 16px;
          display: inline-block;
          padding:5px 16px;
          border-radius: 7px;
          background: #535353;
          color:#fff;
        }
      }
    }
    p{
      line-height: 26px;
      font-size: 16px;
    }
  }
}







